<template>
  <div class="one">
    <div class="boxHead">
			<div class="boxHeadL">
				<span></span>
			</div>
      <div class="boxHeadM">{{movieObj.nm}}</div>
			<div class="boxHeadR"></div>
    </div>
		<div class="boxHeadMind">
      <div class="boxHeadMindL">
        <img src="../../assets/maoyanlog.png" @click="gohome"/>
      </div>
      <div class="boxHeadMindR">
        <a>19.9元起购票</a>
        <span></span>
        <a>打开APP></a>
      </div>
    </div>
  </div>
</template>

<script>
import axios from 'axios';

export default {
	name:'itemheard',
	props:["movieObj"],
	mounted () {
		
	},
	methods:{
		gohome:function(){
			this.$router.go(-1)
		}
	}
};
</script>

<style scoped>
.boxHead {
  width: 10rem;
  height: 1.373333rem;
  background-color: #e54847;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.boxHeadMind {
  display: flex;
  width: 10rem;
  height: 1.6rem;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
}

.boxHeadM {
  width: 7.2rem;
  color: white;
  font-size: 0.48rem;
  text-align: center;
}

.boxHeadL{
	height: 1.333333rem;
	width: 1.333333rem;
}

.boxHeadMindL {
  flex: 0 1 20%;
}

.boxHeadMindL img {
  width: 2.506667rem;
  height: 1.04rem;
}

.boxHeadMindR {
  margin-top: -0.133333rem;
}

.boxHeadMindR :first-child {
  color: #666;
  font-size: 14px;
}

.boxHeadMindR span {
	margin-left: .266667rem;
  display: inline-block;
  width: 0.013333rem;
  height: 0.346667rem;
  background-color: rgba(0, 0, 0, 1);
}

.boxHeadMindR :nth-child(3) {
	margin-left: .266667rem;
  font-size: 16px;
  font-weight: 700;
  color: #b37e7e;
}
</style>